.container{
  width: 100%;
  height: 100%;
  background-color: #fff;
  .container-header{
    .container-header-tips{
      font-size: 28rpx;
      font-weight: bold;
      color: #1A1D26;
      line-height: 40rpx;
      background-color: #fff;
      padding:38rpx 32rpx;
    }
  }
  .container-main{
    padding: 27rpx 32rpx; 
    background-color: #fff;
    .container-main-tips{
      color: #F37920;
      font-size: 32rpx;
      line-height: 45rpx;
      font-weight: bold;
      margin-bottom: 20rpx;
    } 
    .container-main-list{
      padding:20rpx 0 ;
      .container-main-list-item{
        display: flex;
        justify-content: space-around;
        padding: 27rpx 30rpx;
        background-color:#F1F5FB;
        text-align: center;
        margin-bottom: 10rpx;
        color: #000000;
        font-size: 24rpx;
        line-height: 33rpx;
        .font-icon-style{
          display: flex;
          flex-flow: column;
          justify-content: space-around;
          align-items: center;
        }
        .icon-style{
          width: 168rpx;
          height: 3rpx;
        }
      }
    }
  }
  .container-footer{
    margin: 20rpx;
    .container-footer-tips{
      color: #3BB0EE;
      font-size: 28rpx;
      line-height: 40rpx;
      text-align: center;
    }
  }
}
.active-font{
  font-size: 40rpx;
  line-height: 56rpx;
  color:#1A1D26 ;
  font-weight: bold;
}
.line{
  background-color:#F1F5FB ;
  width: 100%;
  height: 20rpx;
}